<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:ipmss="http://java.sun.com/jsf/composite/ipmss" xmlns:t="http://java.sun.com/jsf/composite/tags">

<ui:composition template="mainTemplate.xhtml">
	<ui:define name="content">
		<h:messages />








		<p:panel style="widh:1600px; height:2600px;">

			<t:panel viewName="testview" />
			<t:panel viewName="testview2" />
			<t:panel viewName="testview3" />
			<t:panel viewName="testview4" />
			<t:panel viewName="testview5" />
			<t:panel viewName="testview6" />



			<p:panel toggleable="true" style="width:300px; height:100px;" id="basic" header="Basic Resizable">
				<h:form id="ad">
		|
		
					<h:outputText value="#{secondBean.refreshNo}" />|
         <div id="ref">
						<h:outputText id="refre" value="#{secondBean.refreshNoo}" />
						|
						<h:outputText id="refre2" value="#{secondBean.refreshNooo}" />
					</div>
					<h:commandButton value="ZalogujALL">
						<f:ajax execute="ad" render="ad" />

					</h:commandButton>
				</h:form>
			</p:panel>
			<p:resizable for="basic" />
			<p:draggable for="basic" handle=".ui-panel-titlebar" />
			<p:draggable for="basic" opacity="0.3" />


			<p:panel id="asd" header="Basic Resizable" style="width:300px; height:100px;">  
    Resize Me!  
</p:panel>
			<p:resizable for="asd" />
			<p:draggable for="asd" handle=".ui-panel-titlebar" />
			<p:draggable for="asd" opacity="0.3" />
		</p:panel>


		<h:form id="loginForm">
			<!-- 

       <p:breadCrumb>  
    <p:menuitem value="Categories" url="#" />  
    <p:menuitem value="Sports" url="#" />  
    <p:menuitem value="Football" url="#" />  
    <p:menuitem value="Countries" url="#" />  
    <p:menuitem value="Spain" url="#" />  
    <p:menuitem value="F.C. Barcelona" url="#" />  
    <p:menuitem value="Squad" url="#" />  
    <p:menuitem value="Lionel Messi" url="#" />  
</p:breadCrumb>  -->

			<p:panel header="Enter your passwords">
				<h:panelGrid columns="2" rendered="#{!login.loggedIn}">
					<h:outputText value="#{login.refreshNo}" />|
         <div id="ref">
						<h:outputText id="refre" value="#{login.refreshNoo}" />
						|
						<h:outputText id="refre2" value="#{login.refreshNooo}" />
					</div>
					<h:outputLabel for="username">Username:</h:outputLabel>
					<h:inputText id="username" value="#{credentials.username}" />
					<h:outputLabel for="password">Password:</h:outputLabel>
					<p:password value="#{credentials.password}">
					</p:password>

				</h:panelGrid>
			</p:panel>

			<p:panel header="SecondBeen"></p:panel>
			<h:commandButton id="secondBean" value="SecondLogin" action="#{secondBean.login}" />

			<h:commandButton value="Welcome" action="#{secondBean.welcome}" />

			<h:commandButton id="login" value="Login" action="#{login.login}" rendered="#{!login.loggedIn}" />
			<h:commandButton id="logout" value="Logout" action="#{login.logout}" rendered="#{login.loggedIn}" />


			<p>
				<h:commandButton value="Zaloguj">
					<f:ajax execute="@none" render="refre" />

				</h:commandButton>
			</p>

			<p>
				<h:commandButton value="Zaloguj2">
					<f:ajax execute="@none" render="refre2 refre" />

				</h:commandButton>
			</p>
		</h:form>

		<h:form id="aa">
		|
		
					<h:outputText value="#{secondBean.refreshNo}" />|
         <div id="ref">
				<h:outputText id="refre" value="#{secondBean.refreshNoo}" />
				|
				<h:outputText id="refre2" value="#{secondBean.refreshNooo}" />
			</div>
			<h:commandButton value="ZalogujALL">
				<f:ajax execute="aa" render="aa" />

			</h:commandButton>

			<t:date id="date" value="#{login.birthday}" />
		</h:form>

		<h:link outcome="/users.xhtml">View users</h:link>
	</ui:define>
</ui:composition>
</html>
